Dialogs 對話方塊

Basic dialogs  基本對話方塊

1 Container 2 Icon (optional) 3Headline 4 Supporting text 5 Divider (optional) 6 Buttons (label text
Scrim
Attribute  屬性Value  值
Container shape  容器形狀28dp corner radius
Container height  容器高度dynamic
Container width  容器寬度Min 280dp; Max 560dp
Divider height  分隔線高度1dp
Icon size  圖示大小24dp
Minimum width  最小寬度280dp
Maximum width  最大寬度560dp
Alignment with icon  帶圖示的對齊Center-aligned  居中對齊
Alignment without icon  不帶圖示的對齊Start-aligned  起始對齊
Top/Left/right/bottom padding上/左/右/下邊距24dp
Padding between buttons  按鈕之間的間距8dp
Padding between title and body標題與正文之間的間距16dp
Padding between icon and title圖示與標題之間的間距16dp
Padding between body and actions正文與操作之間的間距24dp

Full-screen dialogs  全屏對話方塊

1 Container 2 Header3 Icon (close affordance 4 Headline 5 Text button 6Divider(optional)

Attribute  屬性Value  值
Container shape  容器形狀0dp corner radius  圓角
Container height  容器高度dynamic  動態的
Container width  容器寬度container width; Max 560dp
Header height  頭部高度56dp
Header width  頭部寬度container width
Headline text alignment  標題文字對齊方式Start-aligned  起始對齊
Divider height  分隔線高度1dp
Icon (close affordance) size圖示(關閉提示)大小24dp
Bottom action bar height底部操作欄高度56dp
Bottom action bar width底部操作欄寬度container width
Top/left/right padding  上/左/右內邊距24dp
Padding between elements元素之間的間距8dp